li {display: list-item;text-align: -webkit-match-parent;}
ol, ul { list-style: none outside none; }
.pad10{padding: 10px;}
.header-top-nav{ box-shadow: 0px 4px 8px rgba(0,0,0,0.3);}
.header-top-nav a{color: #122B40;}
.hairline  .navbar-header{ border-bottom: 1px solid #DDDDDD;}
.header-top-nav .navbar-toggle{border: 1px solid #DDDDDD;}
.header-top-nav .navbar-toggle .icon-bar{;background:#8C8C8C;}
.header-top-nav .navbar-toggle.search-btn{ border: 0px;}
.hairline .header-top-nav .search-style .form-group{}
.hairline .header-top-nav .search-style .navbar-form{position: relative;z-index: 1; margin: 0px;}
.hairline .header-top-nav .search-style .glyphicon-search{position: absolute; right: 15px; top:10px}
.headerstyle{ position: fixed;z-index: 111; top:0px; width: 100%; left: 0px; background: #FFFFFF;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}
.box_Bullet{ background: rgba(0,0,0,0.7); color: #FFFFFF;position: absolute; z-index: 1111; padding: 10px; border-radius: 5px;font-size: 14px; top:50%}
/**********************************/
.recommend-style .thumbnail{position: relative;z-index: 1;}
.Fiction-title{font-weight: bold; margin-bottom: 15px; height: 50px; line-height: 50px; border-bottom: 1px solid #DDDDDD;font-size: 16px; position: relative; z-index: 1; padding-left: 50px;}
.Fiction-title .Fiction-icon{position: absolute;z-index: 11;left: 0px; top:10px; display: block; height: 30px; width: 30px;background-size: 100% 100%; background-repeat: no-repeat;}
.Fiction-title .icon-tushu{ background-image: url(../images/icon-ts.png); }
.Fiction-title .icon-host{background-image: url(../images/icon-host.png);}
.Fiction-title .icon-news{background-image: url(../images/icon-news.png);}
.Fiction-title .icon-link{background-image: url(../images/icon-link.png);}
.Fiction-title .icon-recommend{background-image: url(../images/icon-xiaoshuo.png);}
.recommend-summary{font-size: 13px; color: #999999;}
.thumbnail a{text-decoration: inherit;}
.thumbnail .caption {padding: 5px;color: #333;}
.book-title{ line-height: 30px;}
.book-title h4,
.book-title h5{ line-height: 30px; margin-top: 0;}
.thumbnail .author-name{color:#269ABC; position: absolute; bottom: 0px; right: 0px; background: #D43F3A; color: #FFFFFF; padding: 5px 10px;}
.book-title h4{font-size: 16px;}
.book-title h4{
	box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    width: 100%;
}
.thumbnail .thumbnail-img{ position: relative;z-index: 1;}
.recommend-style .recommend-sheets{font-size: 0.25rem; position: absolute;z-index: 11; background: rgba(0,0,0,0.6); color: #FFFFFF; padding: 5px 10px; top:0px; right: 0px;}
.hairline .thumbnail img{ height: 4rem!important;}
.hairline .thumbnail-img{ height: 4rem!important;}
.hairline .thumbnail .navbar-left{width: 100%;}
.hairline .thumbnail .recommend-summary{ 
	height: 0.8rem;
	box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    width:100%;
    line-height: .4rem;
    }
.hairline .col-lg-1, 
.hairline .col-lg-10, 
.hairline .col-lg-11, 
.hairline .col-lg-12, 
.hairline .col-lg-2, 
.hairline .col-lg-3, 
.hairline .col-lg-4, 
.hairline .col-lg-5, 
.hairline .col-lg-6, 
.hairline .col-lg-7, 
.hairline .col-lg-8, 
.hairline .col-lg-9, 
.hairline .col-md-1, 
.hairline .col-md-10, 
.hairline .col-md-11, 
.hairline .col-md-12, 
.hairline .col-md-2, 
.hairline .col-md-3, 
.hairline .col-md-4, 
.hairline .col-md-5, 
.hairline .col-md-6, 
.hairline .col-md-7, 
.hairline .col-md-8, 
.hairline .col-md-9, 
.hairline .col-sm-1, 
.hairline .col-sm-10, 
.hairline .col-sm-11, 
.hairline .col-sm-12, 
.hairline .col-sm-2, 
.hairline .col-sm-3, 
.hairline .col-sm-4, 
.hairline .col-sm-5, 
.hairline .col-sm-6, 
.hairline .col-sm-7, 
.hairline .col-sm-8, 
.hairline .col-sm-9, 
.hairline .col-xs-1, 
.hairline .col-xs-10,
.hairline .col-xs-11, 
.hairline .col-xs-12, 
.hairline .col-xs-2, 
.hairline .col-xs-3, 
.hairline .col-xs-4, 
.hairline .col-xs-5, 
.hairline .col-xs-6, 
.hairline .col-xs-7, 
.hairline .col-xs-8, 
.hairline .col-xs-9 {
    padding-right:.2rem;
    padding-left:.2rem;
}
/***********************************************/
.hostlist,
.Fiction-list,
.renew-Fiction-list,
.Fiction-chapter-list,
.wareh-list{border: 0px;margin: 0px;outline: 0px;padding: 0px;}
.hostlist li{ height: 30px; line-height: 30px; border-bottom: 1px dashed #F2F2F2; position: relative;z-index: 1;}
.hostlist li .host-name{color: #999999;float:right; margin: 0px!important;}
.hostlist li .host-title{
	height: 30px;
	box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    width:60%;
    line-height: 30px;
    float: left;
}
.hostlist li .Fiction-type{ margin-top: 5px; margin-right: 5px;float: left;}
.Fiction-kind{background: #fff; box-shadow: 0px 1px 3px rgba(0,0,0,0.2); border-radius: 5px;}
.Fiction-kind .kind-title{ text-align: center;font-weight: bold; font-size: 16px; border-bottom: 2px solid #31B0D5; height: 40px;}
.Fiction-kind a{ margin: 5px ;}
.Fiction-kind a:hover{ text-decoration: none;}

.tags-list{
    background: #fff;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
}
.tags-list a{
    text-decoration: none;
}


/****************************************/
.species-module .species-title{ height: 60px; font-size: 24px; color: #31B0D5; font-weight: bold;text-align: center; line-height: 60px;position: relative;z-index: 1;}
.species-module .species-title .title-name{background: #FFFFFF; padding: 10px 20px;position: relative;z-index: 2;}
.species-module .species-title:before{content: '';position: absolute; width: 50%; height: 1px; background:#31B0D5;z-index:0; left: 25%; top:50%}
.species-module .species-info{border: 1px solid #DDDDDD; border-radius:5px; margin-bottom:20px;}
.species-module .species-info .Fiction-type-title{ 
	height: 40px;
	line-height: 40px; 
	padding: 0px 10px; 
	border-bottom: 1px solid #DDDDDD;
	}
.species-module .species-info .Fiction-filter{ padding: 10px;}
.species-module .Fiction-filter .Fiction-irst{ position: relative;z-index: 1;}
.species-module .Fiction-filter .Fiction-irst .Fiction-left-img{ width: 80px;  margin-right: 10px; position: absolute;z-index: 11; left: 0px; top:0px;overflow: hidden;}
.species-module .Fiction-filter .Fiction-irst .Fiction-left-img img{width: 100%; height: 100%;}
.species-module .Fiction-filter .Fiction-irst .Fiction-right-content{padding-left: 90px; color: #000000;}
.species-module .Fiction-filter .Fiction-irst .Fiction-Introduction{
	height:66px;
	box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all;
    width:100%;
    line-height: 24px;
    float: left;
    color: #999999;
    
}
.species-module .Fiction-list .Fiction-name{
	height:30px;
	box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    line-height: 30px;
    float: left;
    color: #999999;
}
.newlist .renew-Fiction-list .renew-Fiction-info{color: #999999; min-height: 30px; line-height: 30px; border-bottom: 1px dashed #DDDDDD; margin: 5px 0px;}
.newlist .renew-Fiction-list .renew-Fiction-info span{
	height:30px;
	box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    line-height: 30px;	
}
.Links{ margin-top: 20px;}
.Links .Links-name{ margin: 5px 10px; color:#101010;}
/**************************************/
.footer {
    padding: 30px 0;
    border-top: 1px solid #e5e5e5;
    margin-top: 20px;
}

.footer .copyright{ text-align: center; color: #999999;}
.breadcrumb .glyphicon {color: #EB9316;}
/************ç¿»é¡µ******************/
.book-article{ width: 100%; height: 800px;}
.recommend-fiction{ }
.recommend-fiction .recommend-list{border-bottom: 0px solid #DDDDDD;}
/********************å°è¯´ä»‹ç»***********************/
.Fiction-content{}
.Fiction-content .Fiction-introduce-img{position: relative;z-index: 1;}
.Fiction-content .Fiction-status{position: absolute;z-index: 11; left: 0px; top:0px; background: #D9534F; padding: 5px 10px; color: #FFFFFF;}
.Fiction-content .Fiction-introduce{border:1px solid #DDDDDD; padding: 10px; position: relative;z-index: 1;}
.Fiction-content  .Fiction-introduce-rules { line-height: 30px; border-bottom: 1px dashed #DDDDDD;}
.Fiction-content  .Fiction-info-con{color: #999999; line-height:24px; padding: 10px 0px;}
.Fiction-content  .Fiction-collect{position: absolute; right: 0px; top:0px}
.hairline .Fiction-collect{display: block;position: initial;}
.Fiction-chapter-list li{ height: 30px; line-height: 30px; padding: 0px 5px; border-bottom: 1px solid #f2f2f2; }
.Fiction-chapter-list li a{display: block;}
.Fiction-chapter-list li a:hover{ display: block;background: #F2F2F2;}
.hairline .Fiction-chapter-list li:nth-child(2n){background:#f2f2f2;}
.hairline .Fiction-chapter-list li:nth-child(odd){background: #FFFFFF;}
.Fiction-label .label { font-size: 1em;}
/****************************************/
.read-Fiction{ border: 1px solid #DDDDDD; margin: 15px 0px;}
.read-Fiction .article-title{font-size: 24px; font-weight: bold; text-align:center; padding: 15px ;}
.read-Fiction .read-operating{ padding: 10px; height:50px; border-bottom: 1px solid #DDDDDD;}
.read-Fiction .read-operating a{ margin: 0px 10px;}
.hairline .read-Fiction .read-operating{ padding: 0px; height:.75rem;overflow: hidden;}
.hairline .read-operating a{ margin: 0px; border-radius: 0px; height:.73rem; padding: 6px 10px; font-size: .35rem;border-top: 0px;border-bottom: 0px;border-left:0px; }
.hairline .read-operating a.closelamp, 
.hairline .read-operating a.openlamp{display:none}
.hairline .box{
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -moz-box-align: justify;
    -ms-flex-align: center;
    justify-content: space-between;
    align-content: center
}
.hairline .box-flex{
	-webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1; 
	position: relative;
}
.hairline  .recommend-fiction{display: none;}
.read-Fiction .article-content{ padding: 15px; font-size:1.2em; line-height: 2em;}
.read-Fiction  .seesaw-article{ border-top: 1px solid #DDDDDD;}
.read-Fiction  .seesaw-article .seesaw-link{ width: 50%; display: block; float: left; text-align: center; height: 40px; line-height: 40px;border-right: 1px solid #dddddd; overflow: hidden;}
.read-Fiction  .seesaw-article .seesaw-link:last-child{border: 0px;}
/****************æœç´¢***********************/
.search-content .search-result{ border: 1px solid #DDDDDD;border-radius: 5px; padding: 10px; margin: 15px 0px;position: relative;z-index: 1; height: 210px;}
.search-content .search-result .search-result-img{ width: 140px; overflow: hidden;position: absolute; left: 10px;z-index: 11;top:10px; height: 190px;}
.search-content .search-result .search-result-img img{ width: 100%;}
.search-content .search-result .search-result-info{ padding-left: 160px;}
.keyword{ color:#f66;background-color:#ff3;}
.search-content .search-result .search-summary{
	color: #999999;
	height:48px;
	box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    line-height: 24px;	
    margin-bottom: 5px;
}
.hairline .search-content .search-result .search-result-img{width:2.5rem;}
.hairline .search-content .search-result .search-result-info{ padding-left: 2.6rem;}
.hairline .search-content h4{font-size: .35rem; padding: 0px 5px;overflow: hidden; margin-top: 0px;}
.hairline .search-content p{font-size: .25rem; margin-bottom: .1rem;}
.hairline .search-content .search-result .search-summary{padding: 0px 5px; font-size: .25rem; line-height: .4rem; height: .8rem;}
.hairline .search-content .read-operate{ position: absolute; width: 100%; left: 0px; bottom: 0px;}
.hairline .search-content .search-result{ height: 4.5rem;overflow: hidden;}
.hairline .search-content .read-operate .btn{ width: 50%; float: left;border-radius: 0px;}
/*********************************/
.bookshelf-style  .col-sm-6,
.bookshelf-style  .col-md-3,
.bookshelf-style  .col-xs-6{ padding-left: 10px; padding-right: 10px; width: 20%;}
.hairline .bookshelf-style  .col-sm-6,
.hairline .bookshelf-style  .col-md-3,
.hairline .bookshelf-style  .col-xs-6{width: 50%;}
.bookshelf-operate a{ width: 50%;float: left; border-radius:0px ;}
.hairline  .bookshelf-operate a{font-size: .3rem; padding: 6px 10px;}
.tag { border: 1px solid #DDDDDD; border-radius: 15px; line-height:36px; margin: 5px; margin-top: 15px; margin-bottom: 15px; padding-top: 5px; padding-bottom: 5px; padding-left: 15px; padding-right: 15px;}
.tag-1, .tag-1 a { border-color: #f1c40f; color: #f1c40f;}
.tag-2, .tag-2 a { border-color: #e67e22; color: #e67e22;}
.tag-5, .tag-5 a { border-color: #e74c3c; color: #e74c3c;}
.tag-4, .tag-4 a { border-color: #27ae60; color: #27ae60;}
.tag-3, .tag-3 a { border-color: #2ecc71; color: #2ecc71;}
.tag-6, .tag-6 a { border-color: #2980b9; color: #2980b9;}
.tag-7, .tag-7 a { border-color: #f39c12; color: #f39c12;}
.tag-8, .tag-8 a { border-color: #d35400; color: #d35400;}
.tag-9, .tag-9 a { border-color: #c0392b; color: #c0392b;}
.tag-10, .tag-10 a { border-color: #9b59b6; color: #9b59b6;}
.tag-11, .tag-11 a { border-color: #8e44ad; color: #8e44ad;}
.label-0 { background-color: #ccc; }
.label-1 { background-color: #f1c40f; }
.label-2 { background-color: #e67e22; }
.label-5 { background-color: #e74c3c; }
.label-4 { background-color: #27ae60; }
.label-3 { background-color: #2ecc71; }
.label-6 { background-color: #2980b9; }
.label-7 { background-color: #f39c12; }
.label-8 { background-color: #d35400; }
.label-9 { background-color: #c0392b; }
.label-10 { background-color: #9b59b6; }
.label-11 { background-color: #8e44ad; }
